Bu? 


Pemrograman Android 
dengan Eclipse 


Teknik pemrograman dari dasar untuk Android adalah menggunakan 
Eclipse plus Android SDK. Memang tidak hanya eclipse IDE saja 
yang bisa dipakai, tapi mayoritas pengguna menggunakan Eclipse 
untuk membuat program di Android. 


2.1 Mengiustal Eclipse IDE 


Untuk bisa menginstal Eclipse, Anda perlu menyiapkan sistem 
operasinya terlebih dahulu. Beberapa sistem operasi yang didukung 
oleh Eclipse, antara lain: 


1. Windows XP (32-bit), Vista (32- atau 64-bit), Windows 7 (32- 
atau 64-bit) dan Windows 8 (32 dan 64 bit). 


2. Mac OS X 10.5.8 atau versi di atasnya (hanya x86). 
3. Linux (testing pada Ubuntu Linux, Lucid Lynx). 


| f 
Windows'? windowsvista WWNSOUSI 


Mac OS 


Gambar 2.1 Berbagai logo sistem operasi yang didukung Android SDK 


Di buku ini, kita akan menggunakan Windows karena ini adalah 
sistem operasi yang paling lazim digunakan di Indonesia. Sehingga 
look and feel-nya akan familier bagi kebanyakan pembaca buku. 


911 Software yang Harus Diinstal 


Ada beberapa software yang harus diinstal agar bisa memulai 
pemrograman Android di komputer Anda. Berikut ini daftar software- 
nya: 


1. Java JDK: dasar dari Android SDK. 


2. Android SDK: tool untuk mengakses libary Android dan meng- 
gunakannya untuk devel aplikasi Android. 


3. Eclipse IDE (Integrated Development Environment): tool untuk 
menulis kode program Android, juga sebagai tool yang menya- 
tukan antara Java, Android SDK, dan Android ADT. 


4. Android ADT: tool untuk membuat file dan struktur yang 
diperlukan ketika devel aplikasi Android. 


Setelah Anda mengetahui dan mempersiapkan dari sisi hardware 
atau sistem operasi yang minimal diperlukan ketika akan mem- 
bangun aplikasi Android, selanjutnya akan dijelaskan langkah- 
langkah untuk mendapatkan, instalasi, dan konfigurasi tool software 
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pengembang. Pertama yang akan kita instal adalah Java 
Development Kit dengan kode seperti berikut ini. 


Langkah-langkah untuk melakukan instalasi Java Development Kit 
sebagai berikut. 


Buka alamat untuk download JDK pada alamat berikut 
http://www.oracle.com/technetwork/java/javase/downloads/index.html. 


Akan terbuka halaman download Java SE seperti gambar berikut, 
kemudian klik pada link JDK yang ada dalam website tersebut. 


Overview | Downloads Documentation Community || Technologies || Training 
Java SE Downloads 


Latest Release Next Release (Early Access)  Embedded Use Previous Releases 


Kg & : 
2 Java & JavaFX & NetBeans 
Java Platform (JDK) 7u10 JavaFX 2.2.4 JDK 7u10 # NetBeans 
kh 


Here are the Java SE downloads in detail: 


Gambar 2.2 Halaman download Java SE 


Kadang kala tampilan halaman download JDK akan bisa berbeda. 
Untuk memastikan bahwa Anda mengakses halaman yang benar, 
bisa melihat terlebih dahulu pada alamat 
http://developer.android.com/sdk/index.html, 


Get the Android SDK —————- 


Gambar 2.3 Halaman Download Android SDK 
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Kemudian ikuti link download JDK yang dimaksud, sehingga Anda 
tidak akan salah dalam men-download JDK yang diperlukan. 


1. Kemudian pilih sesuai dengan sistem operasi yang Anda 
gunakan. Ketika buku ini ditulis, versi terakhir adalah versi 7u2. 
Ada berbagai versi 7u2 untuk platform yang berbeda-beda. 


Java SE Development Kit 7u2 


You must accept the Oracle Binary Code License Agreement for Java SE to download this 
software. 


(D Accept License Agreement “9 Decline License Agreement 


Product ! File Description File Size Download 

Linux x86 63.62 MB & jak-Tu2-linuxi586.rpm 

Linux x86 78.62 MB & jdk-Tu2-linuxi586.tar.az 
Linux x64 64.51MB & jdk-Tu2-linux-x64.rpm 

Linux x64 77.46 MB & jdk-Tu2-linuxx64taraz 
Solaris x86 135.87 MB & jdk-Tu2-solaris-i586.tarZ 
Solaris x86 81.37 MB & jdk-Tu2-solaris-i586targz 
Solaris SPARC 138.94 MB & jdk-7u2-solaris-sparctarZ 
Solaris SPARC 86.05 MB & jdk-Tu2-solaris-sparctaraz 
Solaris SPARC 64-bit 16.13 MB & jdk-7u2-solaris-sparcvd.tarZ 
Solaris SPARC 64-bit 12.31 MB & jdk-Tu2-solaris-sparcv9tar.az 
Solaris x64 14.45 MB & jdk-Tu2-solaris-x64tarZ 
Solaris x64 9.25 MB & jdk-Tu2-solaris-x64tar.gz 
Windows x86 84.04 MB & jdk-Tu2-windows-i586.exe 
Windows x64 87.35 MB & jdk-Tu2-windows-x64.exe 


Gambar 2.4 Memilih link sesuai dengan sistem operasi 
yang digunakan 


2. Cek Accept License Agreement kemudian klik link yang 
dimaksud sehingga akan tampil kotak konfirmasi untuk men- 
download file JDK, seperti berikut ini. 


Opening jdk-7u2-windows-i586.exe Tn (mesem 


You have chosen to open 
B1 jdk-7u2-windows-i586.exe 
which isa: Binary File (84.0 MB) 
from: http://download.oracle.com 


Would you like to save this file? 


| 


ma -— — 4 


Gambar 2.5 Pilihan untuk menyimpan file JDK 


3. Klik tombol Save File dan simpan pada folder tertentu komputer. 
Tunggu sampai proses download selesai. 


jdk-7u2-windows-i586.exe 


Ca 
7 minutes remaining — 73.8 of 84.0 MB (27.5 KB/sec) 


Gambar 2.6 Proses download JDK 


4. Setelah selesai proses download, klik 2x pada file installer hasil 
download tersebut, akan tampil langkah instalasi seperti berikut. 


iis Java(TM) SE Development Kit 7 Update 2 - Setup 
Kg : 

ea Java ORACLE 

Welcome to the Installation Wizard for Java" SE Development Kit 7 Update 2 


This wizard wil guide you through the installation process for the Java SE Development 
Kit 7 Update 2. 


The JavaFX 2.0 SDK will be installed following the JDK installation. 


Gambar 2.7 Wizard instalasi JDK 


5. Kemudian akan tampil kotak dialog pilihan fitur yang akan 
diinstal dan alamat instalasi. Untuk mengubah alamat lokasi 
instalasi, klik tombol Change dan pilih pada folder mana akan 


diinstal. 


jg Java(TM) SE Development Kit 7 Update 2 - Custom Setup. 


Kg 
2 Java ORACLE 


Select optional features to install from the list below. You can change your choice of features after 
installation by using the Add/Remove Programs utility in the Control Panel 

Feature Description 

Java(TM) SE Development Kit 7 
Update 2, induding private JRE 7 
Update 2. This wil reguire 

300MB on your hard drive. 


Install to: 
C:Program Files Davaljak1.7.0 021 Change... 


«Back Cancel 


Gambar 2.8 Pemilihan fitur dan alamat instalasi 
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6. Jika sudah selesai pemilihan fitur dan lokasi, klik tombol Next, 
tunggu sampai proses berjalan. 


18) Java Setup - Progress 


& 
P.— Java ORACLE 


Status: Registering Java Runtime Environment 


——————— 


3 Billion Devices Run Java 


Gambar 2.9 Proses instalasi 


7. Tunggu sampai proses selesai, dan muncul kotak wizard instalasi 
JavaFX 2.0 SDK, seperti berikut. 


JavaFX 2.0 SDK Setup PS) 


JavaFX 2.0 SDK Setup 


The Setup Wizard will install the JavaFX2.0 Software 
Developer Kit (SDK) and runtime on your computer. 


Click next to continue 


ORACLE 


1! Cancel | Next | 
| 


Gambar 2.10 Instalasi JavaFX SDK 


8. Klik tombol Next untuk melanjutkan proses instalasi selanjutnya. 
Pilih alamat instalasi yang Anda inginkan. Untuk mengubah 
lokasi instalasi, klik tombol Browse dan pilih lokasi folder baru 
untuk instalasi. 
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To natal toe SIDK in tis fokder, cek Nest. 
Thn SDK vi nond approsimatoiy BOMB of disk apaon 


Fokdar. 
CAPhagram Files1OraclelawaFx 2.0 SDKA Browte... 


Gambar 2.11 Pemilihan alamat instalasi 


9. Klik tombol Next sehingga proses instalasi akan berjalan. 


Gambar 2.12 Proses instalasi JavaFX SDK 


10. Sampai muncul pesan bahwa proses instalasi telah selesai. 


(banar 20 SOK Setup - Complete 


Iv) JavaFX 2.0 SDK Setup Complete 


Click close to exit the Setup Wizard 


IN 
| 
| Lc) 


Gambar 2.13 Proses instalasi selesai 
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11. 


12. 


Untuk memastikan bahwa JDK telah terinstal dengan baik, Anda 
bisa cek dengan konsol, dan masukkan perintah jauvac -version. 


C:“Program FilesWJavavjdk1.?.0 02Nbin?javac —version 
javac 1.7.0 82 


C:“NProgram FilesNJavavjdk1.?.0 O2Nbin?,, 


Gambar 2.14 Cek bahwa JDK telah terinstal 


JavaFX merupakan versi Java yang kaya fitur, yang dapat 
digunakan untuk membangun atau merancang aplikasi yang 
kaya dengan konten multimedia, seperti tampilan grafis, suara, 
efek grafis, dan video. Hal ini menjadi salah satu alasan penulis 
memilih versi Java yang terbaru ini. Java SDK juga sudah 
terdapat pula dalam JavaFX ini, sehingga Anda tetap dapat 
menggunakan versi Java ini untuk develop aplikasi Android. 


Setelah JDK terinstal, Anda perlu menginstal Eclipse-nya. Caranya: 


1. 


2. 
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Buka halaman download Android SDK pada alamat 
http://developer.android.com/sdk/index.html. Pada saat buku ini 
ditulis, versi terakhir adalah r16, seperti gambar berikut. 


Download the Android SDK 


Welcome Developers! If you are new to the Android SDK, please read the steps below, for an overview of how to set up the 
SDK. 


If you're already using the Android SDK, you should update to the latest tools or platform using the Android SDK and AVD 
Manager, rather than downloading a new SDK starter package. See Adding SDK Components. 


Windows android-sdk r16-windows.zip 29562413 bytes 6b926dOc0a871f12946e65259984701a 


installer r16-windows exe (Recommended) 29561554 bytes 3521dda4904886b05980590f83cf3469 


Mac OS X (intel) android-sdk r16-macosx.zip 26158334 bytes d1dc2b6f13eed5e3ce5cf26c4e4c47aa 
Linux (i386) ndroid- M6-lini 22048174 bytes 3ba457f731d51da3741c29c8830a4583 


Gambar 2.15 Halaman download Android SDK 


Kemudian pilih versi terakhir Android SDK yang ada, berikut 
sesuaikan dengan sistem operasi yang digunakan. 


Opening android-sdk r16-windowszip “NN on) 


You have chosen to open 
& android-sdk r16-windows.zip 
which is a: WinRAR ZIP archive (28.2 MB) 
from: http://dl.google.com 
What should Firefox do with this file? 


| (0 Open with | WinRAR.ZIP (default) 2 | 


@ Save File 


(VI Do this automatically for files like this from now on. 


Gambar 2.16 Konfirmasi download Android SDK 


3. Simpan pada folder komputer Anda. Kemudian ekstrak hasil 
download tersebut dalam folder tertentu dalam komputer. 


2 —|—. 

e— mm 
(Eau Ih » Computer » Local Disk(C:) » android » 
Pane Ir — $$ vw j5 vw 

Organize v Include in library v Sharewith v Burn 
Ye Favorites los 

FX Desktop (IM add-ons 

IB Downloads 14 platforms 

35) Recent Places .K tools 

'W AVD Manager 

(8 Libraries 'W SDK Manager 

(BJ Documents | SDK Readme 

d Music 


Gambar 2.17 Hasil ekstrakan Android SDK 


4. Klik 2x pada file executable SDK Manager, sehingga akan tampil 
kotak dialog Android SDK Manager seperti berikut. 


(as Ane s1 Manager MA TG KI Bi "as tote ara 


Packages Tools | 
SOK Patite Orandroid 
Packages 
& Neme ML Rev Status 
5 Toots 
X Androia SK Toots 18 Winstarg 
Ik Android SOK Platform-tocik 10 H Not instotled n 


4 NG Andesid 403 (API 1S) 


ID) HDI Decumentesian far Android SOK 1s LH Nerintatad 
Y) & SDK Piotform IS 2 H Notimstotied 
V1 Op Sompies for SOK Is 1. & Netimtoted 
YA ARM EABI “Ta Syitem Image Is 2 Notimtoted 
| HI) ip Google APls by Google Ine 15 24 Nerimtoted 
PB) Sources for Android SDK "7 LH Norimarotied 
GI Andrend &.D APLI) 
1» 
GI Andreid 30 (API 11) 


Snow MlUpdates/Nemw Wlinstalted — FT Obsotete Select Ncw Or Mndates (ita pectagor— | 
Sort by: @ APIlevel Reponitory Desetect AN - 

1 
Done loeding peckages. 


Gambar 2.18 Kotak dialog Android SDK Manager 
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5. Anda bisa memilih paket-paket yang akan diinstal, seperti ter- 
lihat di atas. Versi terbaru adalah API 15, tabel berikut menun- 
jukkan versi dan level API dari sistem operasi Android. 


Versi Level API 
Android 1.5 API 3 
Android 1.6 API 4 
Android 2.1 API 7 
Android 2.2 API 8 
Android 2.3.3 API 10 
Android 3.0 API 11 
Android 3.1 API 12 
Android 3.2 API 13 
Android 4.0 API 14 
Android 4.0.3 API 15 


6. Anda dapat memilih versi yang diinginkan. Namun sebagai 
pertimbangan, Anda bisa memilih versi Android yang paling 
banyak digunakan walaupun belum tentu yang terbaru. Ini agar 
aplikasi yang Anda buat nantinya ada kemungkinan akan 
banyak digunakan oleh pengguna. Untuk persentase/prosentase 
pemakaian berbagai platform/versi Android, statistikanya dapat 
dilihat pada alamat berikut: 


http://developer.android.com/resources/dashboard/platform- 
versions.html 
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Platform Versions 


This page provides data about the relative number of active devices running a given version of the Android platform. This 
can help you understand the landscape of device distribution and decide how to prioritize the development of your 
application features for the devices currently in the hands of users. For information about how to target your application 
to devices based on platform version, read about API levels. 


Current Distribution 


The following pie chart and table is based on the number of Android devices that have accessed Google Play within a 14- 
day period ending on the data collection date noted below. 


Ice Cream Sandwich 


el... 
1.5 


Cupcake 3 0.19 
1.6 Donut 4 0.35 "2 
21 Eclair 7 Jar Pe any am 
22 Froyo 8 10.3 Wa — Edair & older 
23- Gingerbread 9 0.226 NI 
H39 Froyo 
233- 10 | 5064 Se sisakan 
237 
31 Honeycomb 12 0.4? 
32 LE IM Ec 


Gambar 2.19 Versi penggunaan Android 


Jika dilihat dalam bentuk tabel, terlihat dengan jelas seperti 
berikut bahwa versi 2.3.3 (Gingerbread) mempunyai pangsa 
pasar pengguna yang lebih banyak dibanding versi yang lain. 
Kemudian disusul versi Ice cream sandwich. Tapi ini tentunya 
akan selalu berubah seiring dengan perkembangan zaman. 


1-5 3 


Cupcake 0.186 
1.6 Donut 4 0.396 
21 Eclair 7 217 
2:2 Froyo 8 10.32 
23- Gingerbread 9 0.28 
232 
233 - 10 50.69 
237 
55 Honeycomb 12 049 
32 13 1.29 
403- Ice Cream 15 27 59 
404 Sandwich 
41 Jelly Bean 16 5.99 
42 17 0.84 


Gambar 2.20 Data statistik pengguna OS Android 
dalam bentuk tabel 
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8. Dengan dasar data tersebut, kita akan menggunakan versi 2.3.3 
dan ketika diperlebar tanda minus pada pilihan tersebut, 
didukung oleh berbagai hardware yang cukup banyak, diban- 
dingkan dengan versi lainnya. 


4 PJ) Android 2.3.3 (API 10) 


MW SDK Platform 10 2. Y Notinstalled 
M & Samples for SDK 10 1 Y Notinstalled 
IM "ip Google APIs by Google Inc. 10 2. 4 Notinstalled 
(Pj) 'g Dual Screen APIs by KYOCERA Corporation 10 £ Y Not installed 
PI 'g Real3D by LGE 10 2 5 Not installed 
PI "4 ADMIRAL by Motorola Mobility, Inc. 10 5. Y Notinstalled 
PI '& ATRIX2 by Motorola Mobility, Inc 10 1 4 Not installed 
HI "gp Bionic by Motorola Mobility, Inc. 10 2. AW Notinstalled 
(PJ "gp Droid4 by Motorola Mobility, Inc. 10 P Y Not installed 
PI) '& DroidRAZR by Motorola Mobility, Inc. 10 3 s5 Not installed 
PI '& DroidX2 by Motorola Mobility, Inc. 10 1 Y Notinstalled 
IP ix MT870 by Motorola Mobility, Inc. 10 2. AH Notinstalled 


Gambar 2.21 Versi 2.3.3 dengan dukungan bermacam ponsel 


9. Pada bagian Extras, Anda bisa mencentang pada bagian Google 
USB Driver Package. Paket ini berfungsi ketika suatu saat Anda 
menggunakan device Android sebenarnya, sehingga bisa lang- 
sung dicolokkan ke komputer. 


MG bxtras 

IF| BA Android Support package 
IT BR Google Admob Ads Sdk package 
GR Google Analytics Sdk package 
BR Google Market Billing package 
GR Google Market Licensing package 
GA Google USB Driver package 
1 GA Google Webdriver package 


Y Not installed 
Y Not installed 
Y Not installed 
J5 Not installed 
Y Not installed 
J5 Not installed 
Y Not installed 


NI 
ve ae NA 


Gambar 2.22 Pilihan Google USB Driver Package 
10. Jika sudah selesai memilih paket-paket yang akan diinstal, klik 


tombol Install untuk memulai proses instalasi. Akan tampil kotak 
dialog Choose Packages to Install. 
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Package Desenption & Licenge 
"4 Andeord SDK Pletlorm-tools reraion10(") | Package Descrintkan 
“£ SOK Platfoem Andrord 2.33, API 10, revimo... Android SDK Platform-tooh, revigion 10 
Samples for SOK API10, renmon 1 
Dependoncies 
7 Google APls by Google Ine, Android APIL... | Tnis Te» apandangyfan 
1? Google USB Driver package, revision 4 » Android SOK Toela, reviion 16 


MB 
SHAL: Mere ddebf ABE ITO Bb 


& Accapt O) Reject 


Gambar 2.23 Kotak dialog Choose Packages to Install 


11. Klik pada bagian Accept All untuk melakukan instalasi semua 
paket, seperti terlihat pada gambar berikut. 


| »x Andovi SOK Platform-toots revisian 401. | 
“ SDK Platform Android 233, API10, evisiaw 

“ Samples for SOK APE 10, revision 1 |.» 

| V Google AP by Google Inc, Android API... | Tiis peckage is a dependency for: 
Google USB Diteer package. revision d |. « Android SDK Teel. sevition 16 

| | 


| sze93 Mib 
SHAL: Mecefadd0ebTLf cd CRT MORANGPOGNBb Ot 


Accept O Reject 8 Accept AI 


Cia Jo) 


Gambar 2.24 Pilihan untuk instal semua paket 


12. Klik tombol Install, sehingga proses instalasi akan berjalan. 


Packages Tools 
SDK Puthe Ciandsoid 
Package: 
& Name 
Gi Android 22 (API1) 
(IR Android 34 (API12) 
(IG Android 30 (API LI) 
(DB Android 23.3 (API 10) 
Bj & SOK Ptotfomn Not instotted 
Mi Samples for SOK & Notinstolted 
(V1 dp Google APIs by Google Inc. & Not instolted 


(RI Ak Dual Screen APis by KYOCERA Cerporatian 4 Wotinstolled 
Bi Ap Re0l0 Dp LGE & Kotinstoneg 
(PI Ah ADMIRAL Hy Metornia Mobility, Ine. 4 Wotinstotted 
PD & ATRx2 ny Motorsia Mability. Ine. & Notinstalted 
PI Snx by Motorola Mobdity. Inc. & Notimtalted 
PD & Oroidd by Motorola Mobility. Ine. & Hotimtalted 
Ph OresRAZR by Motorola Mobilily, Ine. $ Kotinstatted 


Show: WI Updates/New Wiinstalled (7 Obsalete Select Ncw or Updates Install 6 packages. 
Sort by: & API level 5 Repository Deselest Al Delete packages. 


 . si 
Ungipping SDK Platform Android 2.33, API 10, revision 2 (RIM) 


Gambar 2.25 Proses download dan instalasi paket 
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13. Tunggu sampai proses download selesai. Jika Anda menda- 
patkan pesan error dan tidak dapat koneksi ke server maka bisa 
mencoba alternatif lain pada bagian Settings. Kemudian pilih 
pada opsi Force https://...sources to be fetched using http://.., 
lihat gambar berikut ini, lalu coba lakukan proses download lagi. 


Android SDK Manager - Settings 


Proxy Settings 
HTTP Proxy Server 
HTTP Proxy Port 


Misc 
V Force https://... sources to be fetched using http://... 
Ask before restarting ADB 


Gambar 2.26 Opsi perubahan nama URL 


14. Ketika proses instalasi telah selesai maka status dari 
tersebut akan berubah, dan menunjukkan telah terinstal. 


Packages 


W Name Api 
PI X Android SDK Tools 
(DI Android SDK Platform-tools 
(MI Ga Android 4.0.3 (API15) 
Pa Android 4.0 (API 14) 
DI ba Android 3.2 (API 13) 
PI &i Android 3.1 (API 12) 
Pk Android 3.0 (API 11) 
4 (FIGI Android 2.3.3 (API 10) 


Pj # SDK Platform 10 
DS samples for SDK 10 
PD '& Google APIs by Google Inc. 10 
PI '& DTS Add-On by KYOCERA Corporation 10 
PI '& Dual Screen APIs by KYOCERA Corporation 10 
IP “Ek Real3D Add-On by LGE 10 


Rev. 


16 
10 


bae NN 


Status 


So Installed 
fb Installed 


@Installed 
fb Installed 
fb Installed 
fb Installed 
Y Notinstalled 
fb Installed 


Gambar 2.27 Status paket telah terinstal 


paket 


15. Kemudian klik AVD Manager, sehingga akan tampil kotak dialog 
untuk membuat AVD. Setting sesuai dengan versi Android yang 


akan Anda gunakan. 
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Create new Android Virtual Device (AVD).. 


Name: platform233 


Target: Android 2.3.3 - API Level 10 ” | 


CPU/ABI: | ARM (armeabi) 


SD Card: 
O File: Browse. 
Snapshot: 
PD Enabled 
Skin: 
@ Built-in: Default (WVGA800) Se 
(9 Resolution: x 
Hardware: 


Property Value 
Abstracted LCD density — 240 
Max VM application hea... 24 

Device ram size 256 


Override the existing AVD with the same name 


Gambar 2.28 Membuat Android Virtual Device 


16. Klik tombol Create AVD sehingga akan tampil hasil pembuatan 
AND seperti berikut. 


Android Virtual Devices Manager - . mesen 


Mi) Result of creating AVD 'platform2.3.3' 


Created AVD 'platform2.3.3' based on Android 2.3.3, ARM (armeabi) processor, 
with the following hardware config: 

hw.Icd.density-240 

vm.heapSize-24 

hw.ramSize-256 


Gambar 2.29 Pesan konfirmasi hasil pembuatan AVD 


17. Dan pada jendela Android Virtual Device Manager akan tampil 
nama AVD berikut dengan target versi Android yang digunakan. 
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www wywyywbBwwwwI 

F3 Android Virtusl Device Manager” IT - 3 
Tools — ——— — — 
List of existing Android Virtual Devices located at CA Usersvekelandroidhavd 


“ platform233 Andeod 2.33 233 10 ARM (armeabs 


Refresh 


“ Avalid Android Virtual Device. 7 A repairable Android Virtual Device. 
X An Android Virtual Device that failed to lond, Click 'Details' to see the error. 


Gambar 2.30 AVD baru telah terbentuk 


18. Ketika Anda melihat Android SDK hasil ekstrakan, akan terlihat 
banyak folder di dalamnya. Penjelasan masing-masing folder 
tersebut sebagai berikut. 
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usb-drivers, folder yang berisi driver untuk perangkat 
Android. Jika Anda terkoneksi secara langsung pada pe- 
rangkat ponsel Android maka akan memerlukan driver 
sehingga dapat melakukan proses devel secara langsung. 
Folder ini akan tampil ketika Anda telah dan selesai meng- 
instal USB driver. 


tools, folder ini berisi berbagai tool yang berguna ketika 
proses devel aplikasi, seperti tool untuk debugging, tool 
untuk tampilan aplikasi (view-management), tool untuk 
devel, dan sebagainya. 


temp, folder ini berisi memory swap yang diperlukan untuk 
space ekstra ketika melakukan proses develop atau menja- 
lankan aplikasi. 


samples, folder ini berisi contoh aplikasi yang termasuk kode 
sumber di dalamnya. 


platforms, folder ini berisi informasi platform target yang 
dipilih ketika devel aplikasi Android, seperti nama folder 
android-8 (artinya Android 2.2), android-4 (artinya Android 
1.6), dan lain sebagainya. 


e does, folder ini berisi dokumentasi Android SDK. 


e add-ons, folder ini berisi API tambahan yang dapat digu- 
nakan ketika proses pembuatan aplikasi. 


19. Jika Anda akan menggunakan kode program lain seperti C atau 


C44, Anda bisa menggunakan Android NDK (Native 
Development Kit). Dan Android NDK ini akan melengkapi 
Android SDK yang telah di-download, dan tidak akan me-replace 
yang telah ada. Android NDK terbaru ini dapat Anda peroleh 
pada alamat http://developer.android.com/sdk/ndk/index.html. 


Download the Android NDK 


The Android NDK is a companion tool to the Android SDK that lets you build performance-critical portions of your apps in native code. It 
provides headers and libraries that allow you to budd actiities, handle user input, use hardware sensors, access application resources 
and more, when programemeng an C ar (4-4 Ifyou wate natve code, your apphcations are shil packaged into an apk file and they still 
run inside of a virtual machine on the device. The fundamental Android application model does not change 


Using native code does not result in an automatic performance increase, but always increases application complexity. If you have not 
run into any limitations using the Android framework APIs, you probably do not need the NDK. Read What is the NDIK? for more 
infoemation about what the NDK offers and whether d wall be usetul to you 


The NDK is designed for use only in conjunction with the Android SDK. If you have not already installed and setup the Android SDIK 


please do 50 before downloading the NOK 
Windows android-ndk-T-windows.zip 81270552 bytes 55483482c12b75e8ddla5ddaTcaeb6e5 


Mac OS X (intel) androd-ndk-«7-darmn-x86 tar bz2 71262092 bytes 817ca5675a1dd44078098643070419b6 


Linux 32/64-bit (x86) android-ndk-r7-linux-x9Gtarbz2  C48043G5 bytes bf15eGb47b150824c4b96819bf003ca3 


Gambar 2.31 Halaman download Android NDK 


919 Instalasi Eclipse 


Kemudian kita perlu download dan melakukan instalasi tool editor 
yang digunakan, yaitu Eclipse. Untuk instalasi Eclipse, langkah- 
langkahnya sebagai berikut: 


1. 


Download installer Eclipse pada alamat berikut 
http://www.eclipse.org/downloads/. Pilih versi yang terbaru dari 
daftar Eclipse yang disediakan, pilih pada Eclipse IDE for Java 
Developer. Anda juga dapat menggunakan Eclipse IDE for Java 
EE Developers. Sesuaikan dengan sistem operasi yang Anda 
gunakan, klik menu drop-down pada sistem operasi yang digu- 
nakan. 
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Eclipse Downloads 
Packages Developer Bulids Projects 


Eclipse Juno (4.2) SR Packages 1 KAKEK 


JAN Enno 0 Perdana PE Daya Ran TA Woow 32 Ui 
Downladed DASI 44) Tmaa Cetasta Windows Gd Om 
. Eclipse Classic 4.21. te2us Wpansowa 32 It 
Dewnnedes | 700 124 Tes wetan Citar Orenioeaa Wagon 64 Ga 
gg Menpan IDN Jar Jana Downlopata 1#0uB Western 32 Dat 
Downtoses 1311131 Tmes — Detate Mma 64 Bat 
G Eclipse IDE for C/C## Developers. 122 un Weber 32 B1 
Downwasng 623 091 Tas — Detats WnSoAra Gd Lt 
MD £soso tor Mobile Developera. tis un R Windows 32 Ba 
Downloades 208 It4 Ten Detata Wanacua GA It 
- Eclipse IDE for Java and DSL Developers 20005 Windows 32 OA 
Downmases 371 20) Tes Oetats Wiandonya 6d Bat 
& Eclipse Modeling Tools 272 us Windows 37 Ot 
Downladed 222601 Teen Detata Wemdows bd Bit 


Gambar 2.32 Halaman download Eclipse 


Penulis menggunakan Eclipse IDE for Java Developers Indigo 
(versi yang terbaru), klik pada link download, tunggu sampai 
proses download selesai. 


@ 412 ot1file-Downloads er) 


A 


eclipse-java-indigo-SR1-win32.zip - 
— — IR Rx) 
49 minutes remaining — 53.4 of 128 MB (25.7 KB/sec) 


Gambar 2.33 Proses download Eclipse 


Eclipse merupakan tool editor yang berdiri sendiri, artinya Anda 
tinggal ekstrak file zip hasil download-an, kemudian klik 2x pada 
file executable eclipse. 


en 
& na ? Computer » DATA(F) ? Eclipse » ecipse p 


Organize »— Includeinlibrary »—— Sharewith — Bum Ni 
It ea Name 5 
ME Desktop Jk configuration 
lb Downloads R dropins 
IM Recent Places (hi features 
Br 
» Jl plugins 
hb readme 
“ .eclipseproduct 
- artifacts 
2 & edipse 
5 reipse — 
. F3 edipsec 
- FA epiv10 
notice 


Gambar 2.34 Folder ekstraksi editor Eclipse 


4. Anda bisa membuat file shortcut di desktop, dengan tinggal klik 
kanan pada file exe dan pilih Send to D Desktop (create 


shortcut). 
an 
Sendto p | Lb Compressed (zipped) folder 
Cut | a Desktop (create shortcut) » 
4) Documents 
Copy 


Gambar 2.35 Membuat shortcut pada desktop 


5. Klik 2x pada file executable tersebut sehingga akan tampil 


screen tampilan Elipse Indigo, menunjukkan versi Eclipse yang 
akan Anda gunakan. 


Lu a 
ecHps-e 


INDIGO 


Gambar 2.36 Eclipse Indigo 


6. Kemudian akan tampil jendela Workspace launcher seperti 


berikut. Anda dapat men-setting alamat folder sebagai folder 
kerja untuk meletakkan file/folder devel aplikasi. 


3 
 Workspace Launcher 


(( 
Select a workspace 
Eclipse stores your projects in a folder called a workspace. 
Choose a workspace folderto use forthis session. 
Workspace: FAndroid - 
(HJ Use this as the default and do not ask again 
(ee 


Gambar 2.37 Memilih workspace 
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7. Sehingga akan muncul halaman welcome screen dari Eclipse. 


| 


Ine Nat Mnngata Sameh Pegat Ren Vendon Map 


Wetcorne to the Ecilpse IDE for Java Developers 


Gambar 2.38 Welcome screen Eclipse 


8. Selanjutnya kita akan menggunakan ADT (Android Develop- 
ment Tools) untuk proses pembuatan aplikasi Android. ADT 
akan mempermudah Anda melakukan proses devel aplikasi 
Android, sehingga proses coding lebih cepat, tanpa harus me- 
mulai dari awal. Juga dapat digunakan untuk proses debug 
aplikasi, deploy aplikasi menjadi bentuk APK (Android 


Package). 


9. Untuk mengintegrasikan ADT dalam Eclipse, caranya melalui 


menu Help » Install New Software. 


(@ Welcome 


@ Help Contents 

(8 Search 
Dynamic Help 
Key Assist... Ctri-ShifteL 
Tips and Tricks... 


#£ Report Bug or Enhancement... 
Cheat Sheets... 


Check for Updates 
Install New Software... IM 
Eclipse Marketplace... 


Gambar 2.39 Opsi Install New Software 
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10. Sehingga akan tampil kotak dialog Install seperti berikut yang 
akan memandu Anda menginstal plug-in baru dalam Eclipse. 


19 rata 


Available Software 


Select site or enter the location of a site 3” 
d 


Work withu type or select a site Adi 


| Find more software by working with tive “Available Software Shes” preferences. 


Version 


Select Ali Deselecr Alt 


Details 


WI Show only the latest versions of available software Hide iterns that are akeady installed 

V Group mer by category What is gireasty instalind? 
Show only settware appicable to target environment 

H Contut all update sites during initall to find reguired software 


Gambar 2.40 Kotak dialog Install untuk menambahkan software baru 


11. Klik tombol Add pada bagian Work with, sehingga tampil kotak 
dialog Add Repository, Masukkan pada bagian Name dan 
Location seperti berikut. Misal, Name diisi dengan “Android ADT' 
dan Location dengan https://dl-ssl.google.com/android/eclipse'. 


3 Add Repository 


Name: Android ADT —— 


Location:  http://dl-ssl.google.com/android/eclipse/ (Archive. ) 


k Kor Jne...) Cancel 


Gambar 2.41 Menambah repository baru 
12. Kemudian akan tampil pada jendela di bawahnya, plug-in baru 


yang akan ditambahkan. Centang pada bagian Developer Tools 
dan pastikan sub-menu di bawahnya juga ikut tercentang. 
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Available Software 


Check the iterns that you wish to instal Ta 


Work withe— Andrord ADT - httpr//di-sel google.coen/andeord/ecbpta/ - Add... ) 
Tind more seftware by working with the “Availahie Sotrmare Sites” preferences. 


type filter test 


Name Version 
4 MW Developer Tools 
H & Android DOMS 1891.v201112150204-2383M 
Y & Android Development Took 160.1.201112150201-218534 
W & Android Hierarchy Viewer 1601.v201112150204-238534 
TA 6 Andrord Tracevaow 1601,v201112150204-238534 


|. seeeam | | Oesetectan 4 terms pelected 


Gambar 2.42 Plug-in yang akan ditambahkan 


13. Klik tombol Next, maka proses pengecekan dan software lain 
yang diperlukan akan dijalankan. Tunggu sampai proses selesai. 


Details 
Show only the latest versions of available software Hide items that are already installed 
Group items by category What is already installed? 


Show only software applicable to target environment 
Contact all update sites during install to find reguired software 


Calculating reguirements and dependencies. 
- j Ia 


@ « Back Next» Finish Cancel 


Gambar 2.43 Proses instalasi plug-in tambahan baru 


14. Kemudian akan tampil review plug-in yang akan diinstal. 


(2 insta sol se Sa 
Install Details 

Review the items to be installed. 

Name Version Id 
& Android DDMS 16.0,1,v2011121502.., com.android.ide.eclipse.ddms.feature.gro, 
(fl Android Development Tools 16.0.1v2011121502... com.android.ide.eclipse.adt.feature.group 
& Android Hierarchy Viewer 16.0.1.v2011121502... com.android.ide.eclipse.hierarchyviewer.f, 
& Android Traceview 16.0.1.v2011121502... com.android.ide.eclipse.traceview.feature. 

“ BT “ A 


Gambar 2.44 Review plug-in yang akan diinstal 
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15. Jika ada yang salah atau ada plug-in yang kurang, Anda bisa 
klik tombol Back untuk memilih ulang. Jika sudah benar, klik 
tombol Next, sehingga tampil kotak Review Licenses seperti 
berikut. Klik bagian “Iaccept the terms of the license agreements'. 


ia 
Reviow Licencos - | 
2 


| 
Lbcenses must be rewewed and accepted before the software can be mitaled. 


beentet Lbcente test 
Apache License Apache License 
Nate jcommem-LOLIjar it under the DSD hcense rater than the Al Version 29, January 2004 
Note: kumid-23.0/jae is under the BSO license ratiher than tie EPL. V6 Iitter//www.apache.org/Scermesi 


TERMS AND CONDITIONS FOR USE, 
REPRODUCTION ANO DISTRIBUTION 
1 Defintions 
License” shali mean the terms and conditions for "| 


use, reproduction 
and distrbution defined by Section 1 thtougA 9 
ul tiwa document 


Licenzor" #hall mean the copyright owner or entity 


Jt owner that is geanting the Licenen. 


Legal Erety” ahall mean the uruan ol ihe acting 
canyangan 

other entities that control are controlled by, or are 
under cemmon 
with that entity, For the perposes ef Unit 


& Laccrpt the term of the license agreemeres 


1 do net accept the terms cd the Icense agecements 


? « Baek Cancel 


Gambar 2.45 Kotak dialog Review Licenses 


17. Klik tombol Finish sehingga proses download akan dijalankan. 


- 
B Installing Software kel asa 
| 1) Installing Software 


ee 


Downloading com.android.ide.eclipse.hierarchyviewer 


(Fl Always run in background 


Installing Software 
Kn |“ 
Installing Software: Downloading com.android.ide.eclipse.hierarchyviewer 


Runiin Background Cancel 


Gambar 2.46 Proses download dan instalasi plug-in baru 


18. Tunggu sampai proses selesai dan akan tampil kotak konfirmasi 
untuk me-restart Eclipse yang digunakan. 
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Ta 


Sj, You will need to restart Eclipse for the installation changes to take effect. You may try 
EP to apply the changes without restarting, but this may cause errors. 


Ke ae ats 


Gambar 2.47 Pilihan untuk restart Eclipse 


19. Kemudian kita perlu men-setting lokasi SDK yang akan digu- 
nakan. Pilih pada menu Windows & Preferences, seperti berikut. 


Window | Help 
New Window 
New Editor 


Open Perspective , 
Show View » 
Customize Perspective... 

Save Perspective As... 

Reset Perspective... 

Close Perspective 

Close All Perspectives 


Navigation » 


Preferences 


Gambar 2.48 Opsi Preferences 


20. Kemudian pilih pada bagian Android dan pilih lokasi SDK pada 
bagian SDK Location, klik tombol Browse. 


2 
Yara, 15 jet 
type filter text Android Me 
General 


Android Preferences 


p Ant SDK Location: CAandroid 


» 
1 
& 
2 
Un 


» Help Note: The list of SDK Targets below is only reloaded once you hit 'Apply' or "OK, 
Install/Update 

» Java Target Name Vendor Platform API... 

b Run/Debug Android 2.3.3 Android Open Source Project —” 233 10 | 

b Tasks Google APIs Google Inc. 233 10 

b Team DTS Add-On KYOCERA Corporation 233 10 

 Unge Datn Cakeda Real3D Add-On LGE 233 10 
Validation 


b XML | 


Android « Google APIs 


Restore Defaults 


r MN 


Gambar 2.49 Memilih lokasi SDK yang digunakan 


21. Cek SDK yang digunakan, 


apakah telah benar 


digunakan. 


H5 Android SDK Manager, 0 MM - 
| Package Toots 
SOK Path 


Sion: Ml Updntes/New (7) Installed Obtolete Select Now or Ucdates 


Sort by: & API level Repoutory Deweleat Al 


Done loading peckages 


versi 


Gambar 2.50 Kotak dialog Android SDK Manager 


yang 


22. Ok, sampai proses ini Anda sudah melakukan setting semua tool 


23. 


24. 


yang diperlukan untuk proses pembuatan aplikasi Android. 


SDK menyediakan emulator kecil yang digunakan untuk mela- 
kukan testing atau uji coba aplikasi. Namun tidak semua aplikasi 
dapat ditesting dengan emulator, ada beberapa aplikasi seperti 
aplikasi accelerometer (untuk mengukur kecepatan), tentu 
Anda membutuhkan sebuah alat tambahan atau ponsel Android 
yang terhubung ke komputer. Kita perlu menginstal USB driver, 
sehingga ketika memerlukan peralatan tambahan tetap dapat 
menggunakannya. Jika Anda menggunakan sistem operasi Mac 
atau Linux, langsung dapat menggunakan tanpa memerlukan 


driver. 
1 EH Google APIs by Google Inc. 10 2 @binstalled 
4 Mk bxtras 
Ga Google USB Driver package 4 @binstalled 


Gambar 2.51 Instalasi USB Driver 


Contoh penggunaan API dalam pengembangan aplikasi berbasis 
halaman: 
http://developer.android.com/resources/samples/ApiDemos/ind 


Android 


5 dapat 


Anda lihat pada 


ex.html. 
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ApiDemos - API Demos 


—Back 
The API Demos application includes a variety of small applications that illustrate the use of various Android APIs. It includes samples of. 


# Notifications 

@ Alarms 

# Progress Dialogs 

# Intents 

# Menus 

» Search 

# Persistent application state 
@ Preferences 

# Background Services 
« App Widgets 

@ Voice Recognition 


« And many many more 


| Update: The following are some of the new demos for Android 4.0 


|» Switch Preference 
@ Settings Action Provider 


Gambar 2.52 Halaman contoh penggunaan API 


25. Beberapa aplikasi yang menggunakan API ini, antara lain: 


e Notification 


e Alarm 

e  Intents 
e  Menus 
e Search 


e Preferences 


2.2 Membuat Aplikasi Sederhana Pertama Kali 


Selanjutnya, kita akan belajar membuat aplikasi sederhana Android, 
langkah-langkahnya sebagai berikut: 


1. Buka editor Eclipse, setelah memilih lokasi workspace akan 
tampil seperti berikut. 
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Bra: 
Haa Kan Bean Ban Nanga Sameh Peci Wadan. Hap 


BB Bx4 6-0-A- #G- gGt- sa .. 2 8 Oetog (Mie) 
3 Package tagiore D OB tertua »| 
s| 1-Welxresi9 
2) Kan 9 Acmwata 
2» Uncstngareed 
(D Connect Mytyn 
Cove to year task and ALM 
wan 
Jaan snare memakan 
& peter 0 teratoe! HB, Deciatian 8 
9 am 
Dewasa Ke hee “1 Lectan Type 


Gambar 2.53 Tampilan Eclipse 


Kemudian buat proyek baru dengan cara pilih menu File D New 
D Project. 


(2 Java-Ecipe oo oj “kj 
- Refactor Run NNavigate Search Project Window Help 


New Alt-Shift-N » & Java Project 
Open File... | C3 Project... 


k 
Gambar 2.54 Membuat proyek baru 


Akan tampil kotak dialog New Project. Pilih folder Android, lalu 
perlebar pada folder tersebut dan klik Android Project. 


Gambar 2.55 Membuat Android Project 


4 


4. Klik tombol Next, kemudian masukkan nama project baru yang 
akan dibuat. 


D New Android Project " ari 0 


Create Android Projact 


Project Name: Hello 


| 8 Create new project in workspace 
Create project from existing source 
Create project from esisting sample | 


Y Use default location 


Add project to working sets | 


ki 
LI 
LI 
| 
| Worting sets 
| 
Ll 
hi 
IN 


Gambar 2.56 Memasukkan nama project 


5. Klik tombol Next, dan pilih target SDK yang akan digunakan. 
Ketika Anda sudah men-setting, seperti yang telah kita lakukan 
sebelumnya, secara otomatis SDK target sudah ditentukan. 


Fa - 
& New Android Project | 
Select Duild Target 
Choose an SDK to target 
Buiid Target 
Target Name Vendor Ptattorm APP 
TI) Android 233 Android Open Source Project 233 10 
Google APls Google Ine 233 10 
DTS Add-On KYOCERA Corporation 233 10 
Res3D Add-On Lc£ 233 1 
@ sx Jen) cos 
& 


Gambar 2.57 Memilih SDK target 


42 


6. Klik tombol Next, sehingga tampil kotak dialog Application Info 
seperti berikut. Masukkan nama package yang akan digunakan. 


D Nen Android Project 


Application Info 


Gambar 2.58 Memasukkan nama package 


Setelah selesai, klik tombol Finish, sehingga akan tampil bagian 
Package Explorer. 


If Package Explorer 23 - 


4 R5 Hello) 
CS src 
fe: gen (Generated Java Files) 
Bi Android 2.3.3 
& assets 
€3 bin 
E5 res 
1) AndroidManifest.xml 
E) proguard.cfg 
B) project.properties 


Gambar 2.59 Struktur aplikasi yang dibuat 


Untuk menjalankan aplikasi tersebut, caranya bisa mengguna- 
kan menu Run & Run atau dengan kombinasi tombol Ctrl-F11 
pada keyboard. 


Atau bisa juga menggunakan menu Run &H Run As & Android 
Application, seperti terlihat pada gambar berikut ini. 
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Navigate Search Project Window Help 


|@, Run CF ha P- - g- "Dr 

36, Debug Fil z 
Run History » .— ——— AA — 
Run As » IG 1 Android Application 
Run Configurations... J5 2 Android JUnit Test 
Debug History , R3 3Java nk Asset A 
Debug As ra 4 Java Application Alt-Shift-X, J 

Ju 5JUnit Test Alt- Shift-X, T 


Debug Configurations... 


Gambar 2.60 Menjalankan proyek yang dibuat 


10. Akan tampil emulator AVD yang sudah kita setting sebelumnya. 
Pada bagian kiri atas dari layar emulator terdapat tulisan yang 
menunjukkan nomor port dan nama AVD yang telah kita buat. 
Seperti terlihat pada gambar di bawah ini, 5554:platform2.3.3 
(nomor port:nama paltform). 


$Se5agtettom2 13 2 J5. Pa 


ala Ta lea Tenla Tenlan laa 


ai kuleslsslsi lu Jeraloda 
Latihan Kecilkan Tag Lock Tar Las Lani 
Lodsslesceludondusiul sda) 


Gambar 2.61 Emulator Android 


11. Ketika pertama kali Anda menjalankan emulator ini, bisa jadi 
memerlukan waktu yang lama atau proses booting yang lama, 
karena sebenarnya Anda menjalankan sistem virtual Linux 
dalam Windows sehingga memerlukan proses inisialisasi dan 
booting-up yang cukup lama. 
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at Kendedes an Tertentu | 
selo bd dat 


mela | 
lalai osdomie--) 


Gambar 2.62 Proses loading emulator Android 


12. Tunggu proses loading emulator sampai selesai, sehingga akan 
tampil tulisan Hello World seperti berikut ini. 


zZXy 
Rasa 


Le esacnla is lantas nder 
aulsalonlesloemalysaKed we 
la Ixle.lv ls In Im |. Ie) 
bale bm 


Gambar 2.63 Hasil tampilan HelloWorld pada emulator 
13. Ketika Anda mencoba menjalankan aplikasi melalui emulator, 


kadang tampil pesan error seperti berikut ini. Misal: “Failed to 
install Hello.apk on device “emulator-5554': device not found”. 
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KING SEO SMUTATSY WTEN VIYEUAT Devyee PIRETOrM7 3-3” 
emulator: warning: opening audio inpur failed 


New emulator found: tor-5554 

Waiting for HOME ('a d.process.acore") to be launched... 
2 levice “emulator » 

Ilo.apk onco device 'emulator-5554" 


0r-5554!: device not foune 


not found 


Gambar 2.64 Pesan error ketika menjalankan aplikasi di emulator 


14. Ketika mendapatkan pesan error tersebut, kemungkinan karena 
setting path pada komputer belum benar. Dan Anda perlu setting 
environment variables pada sistem. 


Berikut ini cara mengatur setting path pada komputer sehingga Anda 
dapat menjalankan aplikasi dari alamat folder mana saja. 


1. Pertama, buka jendela Control Panel dan pilih System and 
Security, seperti gambar berikut ini. 


Adjust your computer's settings Viewby: Category ” 
Gm System and Security User Accounts and Family Safety 
Lp Review your computer's status & (9) Add or remove user accounts 
Back up your computer (@ Set up parental controls for any user 
Find and fix problems 
k Appearance and Personalization 
Network and Internet Rey Change the theme 
Gizi View network status and tasks Change desktop background 
“et. Choose homegroup and sharing options Adjust screen resolution 
Hardware and Sound Clock, Language, and Region 
L Change keyboards or other input methods 


Change display language 


4 / 
sg View devices and printers 
Adda device 


Programs Mx Ease of Access 
Uninstall 3 program | d9 Let Windows suggest settings 


Optimize visual display 
Gambar 2.65 Pilihan System and Security 


2. Sehingga tampil pada System and Security, dan pilih System. 


Gi jela » Control Panel » System and Security » System 


- — er to 2g EP - 


Control Panel Home - saat . 
View basic information about your computer 


(& Device Manager 
(W Remote settings 


Windows edition 
Windows 7 Ultimate 


(& System protection Copyright & 2009 Microsoft Corporation. All rights reserved. 


s Advanced system settings 


Gambar 2.66 Tampilan System 
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3. Klik pada link menu Advanced system settings, sehingga akan 


4. 


terbuka kotak dialog System Properties seperti berikut ini. 


| Computer Name | Hardware | Advanced | Syetem Protection | Remote 


You must be logged on as an Administrator to make most of these changes 
Peromance 
Visual effects, processor scheduling, memory usage, and virtual memory 


User Profiles 
Desktop settings related to yourlogon 


Startup and Recovery 
System startup, system failure, and debugging information 


Gambar 2.67 Kotak dialog System Properties 


Selanjutnya, klik tombol Environment Variables sehingga tampil 
kotak dialog Environment Variables seperti berikut ini. 


r 
Environment Variables .» We -a 
User variables for eko 
Variable Value Es 
C:Program FilesMicrosoft Visual Studio... | 
i Cirogram Fies Wicrosoft Visual Studio... 
path Cirogram Fies Wicrosoft Visual Studio... 
TEMP eUSERPROFILEYs MppDataocal|Temp 
Gin G1) 225) 
System varibies 
Variable Value 53 
dass CiV2sdk1.4.2. 19fyeliblextinysa-con... 
ComSpec C:Windowslsystem32lpmd.exe 
FP NO HOST C... NO 


| NumBeR OF P... 2 isa 


Gambar 2.68 Kotak dialog Environment Variables 


Klik tombol New, sehingga tampil kotak New User Variable. 
Masukkan pada variable name “ANDROID' dan pada variable 
value, alamat folder tools dari SDK Android (sesuaikan dengan 
alamat yang ada pada komputer Anda). 
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New User Variable 


Variable name: ANDROID 


Variable value: C:landroidltools 


Gambar 2.69 Kotak dialog New User Variable 


6. Pada kotak jendela di bawahnya, pilih bagian kotak di bawahnya 
edit pada variable PATH, lalu klik tombol Edit sehingga tampil 
kotak dialog Edit System Variable. Masukkan nama 
#ANDROIDYX pada bagian variable value. 


Edit System Variable (-etsa 


Variable name: Path 


Variable value: Bpl:C: Program Files PICT #sANDROID Yo 


Ca Jl ca ) 


Gambar 2.70 Mengedit System Variable 
7. Klik tombol OK, untuk menerapkan perubahan dan jalankan 
kembali aplikasi sehingga didapatkan tampilan seperti di atas. 


8. Ketika Anda melihat proses yang terjadi pada bagian console di 
Eclipse akan terlihat proses berjalan lancar, tanpa ada error. 


(ma Problems | @ Javadoc |(&, Declaration | x : kel tunas 0 
|Android 
(2812-02-66 86:22:01 - Hello) ------------------------------ E 


(2812-02-06 86:22:61 - Hello) Android Launch! 


(2012-02-66 66:22:61 - HelloJj adb is running normally. 

(2012-02-06 86:22:61 - Hello) Performing coba.Hello.HelloActivity activity launch 

Ize12-e2-06 66:22:01 - Hello) Automatic Target Mode: using existing emulator 'emulator-5554' running compatibli 
(2e12-62-06 86:22:61 - Hello) Uploading Hello.apk onto device 'emulator-5554" 

I2e12-e2-06 @6:22:61 - Hello) Installing Hello.apk... 

(2012-62-66 86:22:05 - Hello) Success! 

I2e12-62-06 86:22:05 - Helloj Starting activity coba.Hello.HelloActivity on device emulator-5554 

(2012-02-06 06:22:07 - Hello) ActivityManager: Starting: Intent f act-android.intent.action.MAIN cat-fandroid.! 


m 


« m , 


Gambar 2.71 Melihat proses yang terjadi di console 
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2.3 Struktur Proyek Android 


Ketika Anda membuat aplikasi contoh android seperti di atas maka 
akan terlihat struktur proyek seperti berikut ini. 


4 ES Hello 
CB src 
ee gen (Generated Java Files) 
Bi Android 2.3.3 
& assets 
Es bin 


&5 res 


3 AndroidManifest.xml 
(E) proguard.cfg 
project.properties 


Gambar 2.72 Struktur proyek Android 


Terdapat banyak folder seperti di atas, Anda perlu meluangkan 
waktu sebentar untuk mengenal dan mengetahui fungsi dan isi 
masing-masing folder, karena hal tersebut sangat penting. Semua 
aplikasi yang akan Anda buat nantinya, akan berhubungan dengan 
susunan folder-folder tersebut. Beberapa folder tersebut, antara lain: 


e sc 
e. gen 


e android version (menunjukkan versi android yang dipakai) 


e assets 
e bin 
e res 


Penjelasan masing-masing folder tersebut sebagai berikut. 
1. src 


Folder yang berisi mainactivity.java ketika dibangun pertama 
kali, berada dalam package (sesuai dengan yang kita buat). 


4 GS Hello 
“4 G8 src 
4 (8 coba.Hello 
a () HelloActivityjava 
@ HelloActivity 


Aa. 


Gambar 2.73 Isi folder src 
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Selanjutnya, Anda bisa menggunakan lebih dari satu paket. 


4 GS src 
“4 (9 metes.Hello 
(F) HelloWorldActivity.java 
4 f8 tesl 
(F) tesi.java 


- 


Gambar 2.74 Penggunaan 2 paket pada folder src 


2. gen 


Folder yang di-generate secara otomatis oleh ADT, yang berisi 
ID untuk mengakses resource aplikasi yang ada pada folder res/. 
Secara default, sebaiknya tidak Anda ubah isi file Java yang ada 
dalam folder ini. 


P het gen (Generated Java Files) 
4“ (8 coba.Hello 
a (SJ) Rjava 
a GR 

S5 attr 
&5 drawable 
& layout 
& string 


Gambar 2.75 Isi folder gen 


3. android version 


Folder ini menunjukkan versi Android yang digunakan dan 
termasuk file android.jar pada versi Android yang dipakai. 
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4 B4 Android 2.3.3 
4 (3 android.jar - CAandroidiplatformsiandroid-10 

88 android 
B8 android.accessibilityservice 
88 android.accounts 
88 android.app 
BB android.app.admin 
B8 android.app.backup 
#8 android.appwidget 
88 android.bluetooth 
€8 android.content 
88 android.content.pm 
88 android.content.res 
€8 android.database 
88 android.database,sglite 
E8 android.gesture 
#8 android.graphics 
B8 android.graphics.drawable 
E8 android.graphics.drawable.shapes 
#8 android.hardware 
88 android.inputmethodservice 
E8 android.location 


Gambar 2.76 Versi Android yang digunakan 


assets 


Folder ini secara default isinya kosong. Anda dapat meletakkan 
file aset raw (raw files) yang dapat mendukung jalannya aplikasi. 
Beberapa file tersebut dapat berupa bentuk audio, teks, video 
atau ketika berhubungan dengan database maka file-file seperti 
S@lLite dapat kita letakkan dalam folder ini. 


res 


Folder ini dapat berisi beragam file, seperti file string, layout, 
tampilan, audio, gambar. Pada folder res/ ini terbagi menjadi 
sub-folder yang sudah terstruktur dan disesuaikan dengan kebu- 
tuhan ketika proses coding, untuk membangun sebuah aplikasi. 


4 G5 res 
(@&- drawable-hdpi 
(& drawable-ldpi 
(&- drawable-mdpi 
&- layout 
5 values 


Gambar 2.77 Struktur folder res/ 
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Seperti pada gambar di atas, subfolder tersebut sebagai berikut: 


drawable-hdpi: digunakan untuk penyimpanan gambar yang 
terkompilasi untuk layar dengan resolusi tinggi. 


drawable-ldpi: digunakan untuk penyimpanan gambar yang 
terkompilasi untuk layar dengan resolusi rendah. 


drawable-mdpi: digunakan untuk penyimpanan gambar yang 
terkompilasi untuk layar dengan resolusi sedang. 


layout: berisi file-file xml yang mendefinisikan tampilan 
antarmuka/ interface dari aplikasi yang kita buat. 


values: berisi file xml yang berisi nilai-nilai yang digunakan 
dalam aplikasi. Ada beberapa nama file standar yang dapat 
digunakan sebagai acuan untuk menyimpan nilai, yaitu: 


e  strings.xml: merupakan file xml yang dapat digunakan 
untuk menyimpan nilai strings. Dan dapat kita akses 
melalui class R.strings. 


e  styles.xml: merupakan file xml yang merepresentasikan 
style atau ketika dalam bahasa pemrograman web, 
seperti file css (cascading style sheet) yang mengatur 
style tampilan aplikasi. 


e  arrays.xml: merupakan file xml yang digunakan untuk 
deklarasi sebuah array. 


e  colors.xml: merupakan file xml yang digunakan untuk 
mendeklarasikan nilai color. Dan dapat diakses melalui 
class R.colors. 


e  dimens.xml: merupakan file yang digunakan untuk men- 
definisikan nilai dimens/dimensi. Misal seperti nilai 10px 
sama dengan 10 pixel. Dan dapat diakses melalui class 
R.dimens. 


Selain folder-folder di atas, juga terdapat file AndroidManifest dan 
Project Properties. File AndroidManifest.xml, merupakan file yang 
penting, berisi segala informasi penting yang dibutuhkan oleh aplikasi 
untuk dapat bekerja, antara lain: 
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Nama package Java dari aplikasi tersebut. 


Daftar komponen dari aplikasi. 


e Permission yang dibutuhkan oleh aplikasi untuk mengakses 
API atau berkomunikasi dengan aplikasi lainnya. 


e Minimum level Android API yang dibutuhkan untuk aplikasi. 
e Daftar libraries yang dibutuhkan aplikasi. 


e Manifest, yang berisi version code (merupakan versi code 
yang kita gunakan untuk membedakan versi aplikasi yang 
terbaru dengan yang lama, hal ini cukup penting karena 
memberi tahu user apakah ada update terbaru dari aplikasi 
kita atau tidak), juga version name (merupakan versi rilis 
aplikasi kita). 


'@ Android Manifest 


“ Manifest General Attributes 
Defines general information about the AndroidManifest.xm| 


Package coba.Hello | Browse... 
Version code 1 

Version name 10 | Browse... 
Shared user id (Browse. 
Shared user label | Browse... 
Install location 4 
Manifest Extras (UKOKUKU) @ O Az 

(Ousessdk 


i (kAda...| 


Dowr 
FE) Manifest | (A) Application | (P) Permissions | (1) Instrumentation | #| AndroidManifest.xml 


Gambar 2.78 Isi dari Androidmanifest.xml 


Sedangkan file Project Properties, menunjukkan target platform yang 
akan digunakan dalam aplikasi (Android bersi berapa). Merupakan 
file setting pada aplikasi kita sehingga aplikasi tidak akan ke- 
bingungan target platform yang akan dituju. Hendaknya file ini tidak 
Anda hapus dari aplikasi. 
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# This file is automatically generated by Android Tools. 
# Do not modify this file -- YOUR CHANGES WILL BE ERASED! 

# 

# This file must be checked in Version Control Systems. 

# 

# To customize properties used by the Ant build system use, 

# "ant.properties", and override values to adapt the script to your 
# project structure. 


# Project target. 
target-android-10 


Gambar 2.79 Isi file Project Properties 


2.4 Bekerja dengan Widget 


Berikut ini langkah-langkah pembuatan aplikasi tingkat lanjut, 
menggunakan widget: 


1. Buat proyek baru dengan menu File »- Project. 


(8 Java - Eclipse 
Edit Refactor Run Source Navigate Search Project Window Help 
New AiteShifteN » | 88 Java Project 
Open File... P4 Project... N 
Close Ctrlew | Package 


Gambar 2.80 Menu membuat proyek baru 


2. Sehingga akan tampil kotak dialog New Project, seperti gambar 
berikut ini. Pilih bagian Android Project. 


(Na em Project "3 » kemea Wsaa 


| select wizard — 


| wisrde 


type filter text 


1» General 
4 Cb Andrond 

G5 Andeord Project 
E3 Android Sample Project 
JO Android Test Project 

& cs 

& Java 

@& Men 

(is bampies 


2 ce) | 


Gambar 2.81 Memilih Android Project 
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Klik tombol Next, kemudian masukkan nama Project pada kotak 
dialog New Android Project. Lokasi workspace dapat Anda ganti 
dengan menghilangkan tanda centang pada Use default location 
dan tekan tombol Browse. 


D Nem Android Project 


| create Android Project 
| 
Select project name and type ef project 


Project Name: Latihan 

Create new project in workspace 
Create project from cxsbng source 
Create project feom eristing sample 


Ti Use default location 


Wortang sets 
Add project to working sets 


Gambar 2.82 Memasukkan nama proyek 


Klik tombol Next, dan pastikan Anda memilih platform target 
yang sesuai, seperti berikut. 


—— -— - 1 
BD New Android Project - wa 


Select Build Target 
Choose an SDK to target 


Buda Target 

Target Name Vendor Plattorm API 
3 uree Projaet 233 10 

233 1 

kraton 233 10 

233 1 


Gambar 2.83 Memilih target platform 
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5. Klik tombol Next, sehingga akan tampil kotak Application Info. 
Masukkan nama paket pada bagian Package Name. Centang 
pada bagian Create Activity, seperti pada gambar berikut ini. 


D New Android Project 


| Appilcation Into 


Configure the new Android Project 


Apphcation Name Latihan 


coba.Latihan 


« Back 


Gambar 2.84 Kotak Application Info 


6. Klik tombol Finish untuk mengakhiri dan membuat folder 
aplikasi. Buka file main.xml yang ada pada folder res/layout. 


4 s Latihan 


C3 src 
€8 gen (Generated Java Files) 
Bl Android 2.3.3 
& assets 
Es bin 
&5 res 
(@& drawable-hdpi 
(@& drawable-ldpi 
(5 drawable-mdpi 
4 @& layout 
Dj main.xml 
4 (& values 
X) strings.xml 
Idi AndroidManifest.xml 
5) proguard.cfg 
Bj project.properties 


Gambar 2.85 Struktur folder proyek yang dibuat 


7. 


Pada jendela bagian kanan akan tampil layout beserta daftar 


komponen yang dapat digunakan untuk membangun sebuah 


aplikasi Android. 
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2) Palette Ss 


(3 Layouts 

(3 Composite 

(3 Images & Media 
(3 Time & Date 

(3 Transitions 

(3 Advanced 

Custom & Library Views 
FI Graphical Layout | (F) main.xml 


Gambar 2.86 Layout aplikasi 


8. Anda bisa drag-and-drop komponen/widget pada bagian palette 
ke jendela layout. Misal, widget button, kemudian buka pada file 
main.xml, dan ubah nilai yang ada pada text sesuai dengan 
keinginan. 

«Button 

android: id- "atid/buttonl" 
android: layout width- "wrap content" 


android: layout height-"wrap content" 
android:text- "Tombol" /» 


9. Jalankan aplikasi sehingga akan terlihat seperti berikut. 


H " 5554:platform2.3.3 


Latihan 


Hello World, LatihanActivity! 


Gambar 2.87 Penggunaan widget Button 
10. Untuk penggunaan widget lainnya, juga hampir sama, tinggal 


drag-and-drop widget ke jendela layout. Lalu atur properties-nya 
dari file main.xml. 
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2.5 Membuat form 


Selanjutnya kita akan membuat sebuah form, seperti berikut ini. 


Laki-laki 


Perempuan 


Saya setuju dengan isian form di atas 


Daftar 


Gambar 2.88 Tampilan Form 


Kemudian memberikan respons pada masing-masing widget 
sehingga dapat diakses dengan berbagai activity, Langkah- 
langkahnya sebagai berikut. 


1. 
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Buat proyek baru, dengan langkah-langkah seperti sudah dije- 
laskan sebelumnya. 


Pada jendela Graphical Layout, drag-and-drop beberapa widget 
yang diperlukan, antara lain text view, edit text, radio button, 
checkbox, button. 


Sebelumnya, Anda perlu menambahkan data pada file 
strings.xml. Akses file tersebut pada folder res/value/strings.xml. 
Sehingga kode programnya menjadi seperti berikut ini. 


«?xml version-"1.0" encoding- "utf-8"?» 


Sresources- 


«string name-"hello"»Hello World, 
LatihanActivity!«/string» 
«string name- "app name"s»Latihan«/string» 


cstring 
«string 
«string 
«string 
«string 
«string 
«string 


name- "submit label"-»Daftar«/string» 

name- "exit label"»Keluar«/string» 

name- "edit text"»Masukkan nama Andax/string» 
name- "agree label"»Saya setujux/string» 
name- "pa label"»Laki-lakis/string» 

name- "pi label "-Perempuan«/string» 

name- "jenis kelamin"»Jenis Kelamin«/string» 


«string name- "pendidikan terakhir"»Pendidikan 
Terakhir«s/string» 


«/resources» 


4. Selain menambahkan langsung kode program pada bagian tab 
strings.xml, bisa juga menggunakan tab Resources. Klik tombol 


Add dan pilih String. 


3 


se 512 ie 


@color 
@)Dimension 
@orawable 
(integer Array 
item 

& String J 
(6)string Array 
(G)style/Theme 


Create a new element atthe top level, in Resources. 


Gambar 2.89 Menambahkan variabel String 


5. Kemudian masukkan attributes yang digunakan pada komponen 
tersebut, pada bagian Name dan Value, seperti berikut ini. 


| @ Android Resources (default) 


Resources Elements 000000: 

| Ohelotstring ————— “il 

|... & app.name (String) (asa. J 
@ submit label (String) Remove... 


@ ot label (String) 
@ edit tot (String) 
(@ agree label (String) Dan 
@ pa label (String) — 
@ pi label (String) 

G jenis kelamin (String) 

(@ pendidikan terakhir (String) 

(GO alamat (String) 


Attributes for alamat (String) 


@Strings@, with optional simple formatting, can be stored 
and retrieved as resources. You can add formatting to your 
string by using three standard HTML tags: b, i, and u. If you 
use an apostrophe or a guote in your string, you must either 
escape it or enclose the whole string in the other kind of 
enclosing guotes. 


Name" alamat 


Value" alamat 


Gambar 2.90 Menambahkan attribute pada string alamat 


6. Buat file colors.xml pada folder res/value, caranya dengan klik 


kanan. 
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New » | Java Project 


Go Into F3 Project... 
Open in New Window BP Package 
Showin Alt-Shift:W » | G Class 
B Copy Citec | G Interface 
Fa Copy Gualified Name Oi an 
3 Paste Cemav | & Annotation 
3G Dakre Delete | 69 Source Folder 
145i Java Working Set 
Remove from Context CtrlsAlteShifteDown | 69 Folder 
Build Path "Ig Re 
Refactor AlteShifteTP | 29 Unttied Test File 
&3 Import... (Ef JUnit Test Case 
wi Export... Of Task 
«P Refresh F5 |? Example... 
'Assign Working Sets... F3 otter. CAN 


Gambar 2.91 Opsi Other untuk membuat file xml baru 


7. Pada kotak dialog New, pilih pada folder Android dan pilih 
Android XML File, untuk membuat file XML baru. 


5 New 


Select a wizard 


Wizards: 
type filter text 


@5 General 
4 E& Android 
C5 Android Icon Set 
& Android Project 
II €8 Android Sample Project 
Ji Android Test Project 
di Android XML File) 
Idi Android XML Layout File 
Idi Android XML Values File 


& ws 
@& Git 
@ Java 
| 
| @ « Back Finish 


Gambar 2.92 Pilihan Android XML File 
8. Akan tampil kotak dialog New Android XML File seperti berikut 


ini. Tentukan di Project mana Anda akan membuat file XML baru 
tersebut, kemudian root folder yang digunakan. 
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BD Nom Androd XML Fle —i 


New Android XML File 
Create 3 new Android XML file. 


Resource Type |Values 


Project Latihan - 


Gambar 2.93 Menentukan project dan root folder 


9. Klik tombol Next, sehingga akan tampil pilihan untuk konfigurasi 
pada file XML. Klik Finish untuk mengakhiri pembuatan file. 


— 1 
& New Android XML File —a 


| choose Configuration Folder e 


| Optisnat Cnoore a specific configurstion to limit the XML tor 
#wanlable Gusi. --) Chosen Guslifiers 
(F Cowtry Code 
(Network Code 

# language 

AR Region r 
IP | C9 Sonallest Scree 

(1 Screen Width 

1 Sereen Height 
Un Ratio 

dp Onentaton 
dumode 

4 Night Mode 
FDoaneay 


Folder: /rew/values 


| | 
D « Back - Finish Cancel 
| 


Gambar 2.94 Konfigurasi pada file XML 


10. Sehingga akan terbentuk file xml colors.xml pada folder values/. 


4 (G5 values! 
IX) colors.xml 
IX) strings.xml 


Gambar 2.95 Membuat file colors.xml 
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11. Tambahkan value atau nilai pada file colors.xml tadi, sama 
dengan ketika kita menambahkan nilai pada file strings.xml. Klik 
tombol Add, sehingga akan tampil kotak dialog untuk memilih 
elemen mana yang akan ditambahkan nilai. 


- Ta he asa 


Create a new element at the top level, in Resources. 


@color 
@odimension 
@orawable 
(integer Array 
Ditem 
@string 
(6)string Array 
(6)styie/Theme 


Gambar 2.96 Memilih elemen 


12. Klik OK, tambahkan nilainya pada bagian Name dengan isi “biru' 
dan pada bagian Value dengan nilai RGB untuk warna biru. 


Attributes for Color 


A @color@ value specifies an RGB value with an alpha 
Channel, which can be used in various places such as 
specifying a solid color for a Drawable or the color to use 
for text. It always begins with a £ character and then is 
followed by the alpha-red-green-blue information in one 
of the following formats: #RGB, #ARGB, #RRGGBB or 
#AARRGGBB. 


Name” biru 


Value"  #0000ff) 


Gambar 2.97 Memasukkan nilai attribute 


13. Kemudian kita tambahkan file arrays.xml, caranya sama seperti 
langkah di atas, pada folder res/values/arrays. 
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Ma .5 — 1 
1D New Android XML Flo 3 ma 
New Android XML File 
Crestes 2 new Android XML file 
Resource Type: |Values el | 
Project: Latihan - 
File #erays 
Boot Ptement 
Wresoues | 
| 
G aa tata Tai 


Gambar 2.98 Membuat file arrays.xml 


14. Setelah terbentuk filenya, klik tombol Add dan pilih String Array. 


(M Android Resources (default) 
Resources Elements 60000B0x: 


3 


Create a new element at the top level, in Resources. 


@color 
Oobimension 
Oorawable 
(integer Array 
Ditem 
@string 
(Sastring Array 
(SJStyle/Theme 


EJ Resourgi| 


Gambar 2.99 Membuat elemen baru dengan String Array 


15. Kemudian masukkan nama attribute pada string array baru yang 


dibuat. Tekan ikon Save untuk menyimpan perubahan. 


MH Android Resources (default) 


Resources Elements @00OOBMDA: Attributes for sekolah opsi (String Array) 


An array of strings. Strings are added as underlying item 


Bletobi opsi Sting Asa element: to the aay. 
(kemove..| Name” sekolah opsi 
Remove... 
| Up 


Gambar 2.100 Menambahkan nama attribute pada string array 
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16. Untuk menambahkan nilainya pada elemen sekolah opsi di atas, 
klik kanan pada elemen tersebut dan pilih menu Add. 


sekolah opsi” ———-— 
& Lopsif Gu 


Gambar 2.101 Menu Add dengan klik kanan elemen 


17. Kemudian pada jendela yang tampil, pilih Item untuk mema- 
sukkan nilai-nilai pada elemen “sekolah. opsi'. 


r 5 7 —— z Pas ST 


Creste a new element at the top level, in Resources. 


& Creste a new element in the selected element, sekolah opsi (String Array). 


| 
Ditem In 
| 
| 


(Lo j| 


Gambar 2.102 Menambahkan Item pada elemen string array 


18. Masukkan nilainya pada bagian Value, misal “Sekolah Dasar, 
kemudian tekan ikon Save atau bisa menggunakan kombinasi 
tombol Ctrl-S untuk menyimpan perubahan. 


Resources Elements 9 O Oo Oo GG 0 &) Ia) Az Attributes for Item 


Asti lue ti this sti 8 
sEkolah vps Siang Ana SA string value to use in this string array. 
Item (adam | Value" Sekolah Dasar 


Gambar 2.103 Menambahkan nilai pada item di elemen baru 
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19. Selanjutnya tambahkan Item baru lagi, caranya sama dengan 
langkah di atas. 


Resources Elements 9000 OBa: Attributes for Item 
(G) sekolah. opsi (String Arras A string value to use in this string array. 
Mur si (String Array) 
D tem Ada Value" Doktor 
D item Remove 
DO tem 
D item Up 
(D item 
Dien Dang 


Gambar 2.104 Menambahkan item-item lain pada elemen 


20. Ketika kita klik tab arrays.xml, isi kodenya akan terlihat seperti 
berikut. 


«?xml version-"1.@" encoding-"utf-8"” 

5 (resources? 

Ss «string-array name-"sekolah opsi"» 
(item »Sekolah Dasar«/item» 
Kitem »SMPx/item? 
Kitem DSMAx/item 
Kitem »Perguruan Tinggik/item 
Kitem »Master«/item» 
Kitem »Doktor«/item» 

«/string-array» 


«/resourcess| 


Gambar 2.105 Isi kode file arrays.xml 


21. Tambahkan komponen widget lainnya, sehingga tampilan 
grafisnya akan terlihat seperti berikut. 


Gambar 2.106 Tampilan grafis layout aplikasi 
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22. Ketika Anda klik tab main.xml, akan terlihat kode program 
aplikasi di atas. Tampilan kode programnya seperti berikut. 


«?xml version-"1.0" encoding- "utf-8"?» 
«LinearLayout 
xmlns: android- "http://schemas.android.com/apk/res/android" 
android:layout width- "fill parent" 
android:layout height-"fil1l parent" 
android: orientation-"vertical" » 
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«Textview 
android: 
android: 
android: 


EditText 
android 
android: 
android: 


A 


layout width-"fill parent" 
layout height-"wrap content" 
text-"@string/hello" /» 


rid-"@tid/editText1" 


layout width- "match parent" 
layout height-"wrap content" 


KsreguestFocus /» 


s/EditText» 
«Textview 
android: id- "Atid/textViewl" 
android:layout width- "wrap content" 
android:layout height-"wrap content" 
android:text-"Jenis Kelamin" /» 
«RadioButton 
android: id- "atid/radioButtonl" 
android:layout. width- "wrap content" 
android:layout height-"wrap content" 
android:text-"Laki-laki" /» 
«RadioButton 
android: id- "atid/radioButton2" 
android:layout width- "wrap content" 
android: layout height-"wrap content" 
android:text- "Perempuan" /» 
«Textview 
android: id- "Atid/textView2" 
android:layout. width- "wrap content" 
android: layout height-"wrap content" 
android:text- "Pendidikan Terakhir"/» 
«Spinner 
android:layout height-"wrap content" 
android:layout width- "match parent" 
android:id- "atid/spinner1l" 
android:entries- "darray/sekolah opsi 
«cCheckBox 
android: id- "aAtid/checkBox1" 
android:layout width- "wrap content" 


android: 


layout height-"wrap content" 


"2x /Spinner» 


dari 


android:text-"Saya setuju dengan isian form di atas" /» 


«Button 
android: id- "aAtid/buttonl" 
android: layout width- "wrap content" 
android: layout height-"wrap content" 
android:text-"Daftar" /» 


«Button 
android: id- "atid/button2" 
android: layout width- "wrap content" 
android: layout height-"wrap content" 
android:text-"Keluar" /» 


«/LinearLayout» 


23. Nilai dari properties id dan text dapat Anda ubah sesuai dengan 
keinginan masing-masing, sesuaikan agar dapat mudah diingat. 


Kemudian dari tampilan di atas, kita perlu menambahkan kode pada 
file Java untuk dapat berinteraksi antara pengguna dan aplikasi. 
Langkah-langkahnya sebagai berikut: 


1. Lihat pada file Java yang ada pada folder src/. Dan buka pada 
file LatihanActivity.java. 


sg Latihan 


38 src 
58 coba.Latihan 
9) LatihanActivityjava 
(9 LatihanActivity 


Gambar 2.107 Membuka file LatihanActivity.java 


2. Masukkan kode program berikut ini. Import beberapa library 
yang ada pada Android, yang akan digunakan dalam aplikasi. 


import android.app.Activity: 

import android.os.Bundle,: 

import android.view.View: 

import android.view.View.OnClickListener: 
import android.widget.Button: 

import android.widget.CheckBox, 

import android.widget .EditText, 

import android.widget.RadioButton: 

import android.widget.Spinner: 

import android.widget.Toast: 
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3. Deklarasikan variabel yang akan digunakan untuk mengakses 
komponen-komponen dalam aplikasi, seperti berikut ini. 


public class LatihanActivity extends Activity implements 
OnClickListener ( 
/“x Called when the activity is first created. “/ 

private FditText editName: 

//private RadioGroup radioSexSelector: 

private Spinner spinnerEducation: 

private CheckBox checkagree: 

private Button btnSubmit: 

private Button btnExit: 


@Override 

public void onCreate (Bundle savedInstanceState) ( 
super.onCreate (savedInstanceState): 
setContentView(R.layout.main) : 


editName - (EditText) findViewById (R.id.editText1): 
//radioSexSelector - (RadioGroup) 

findviewById (R.id.radioGroupSex) : 
//spinnerEducation - (Spinner) 

findviewById (R.id.spinnerEducation): 
checkagree - (CheckBox) findviewById (R.id.checkBoxl): 
btnSubmit - (Button) findviewById (R.id.buttonl): 
btnSubmit.setOnClickListener (this): 
btnExit - (Button) findviewById (R.id.button2): 
btnSubmit.setOnClickListener (this): 


, 


4. Kemudian gunakan dialog Toast untuk menindaklanjuti ketika 
Anda klik tombol Daftar yang ada pada aplikasi. Toast ini mirip 
dengan message box, hanya saja ditampilkan sekilas. 
Tambahan kodenya seperti berikut ini. 


public void onClick (View v) ( 
int viewId - v.getId(): 
Toast t - null: 


if (viewId -- R.id.buttonl) ( 
t - Toast.makeText(this, "Terimakasih, 
Anda telah mendaftar", Toast.LENGTH LONG) : 
) else if (viewId -- R.id.button2) ( 
t - Toast.makeText(this, "Anda telah 
menekan tombol Exit" ,Toast.LENGTH LONG) : 
5 


if (t !- null) 
t.show(): 


5. Sehingga ketika Anda jalankan aplikasi di atas secara lengkap, 
akan tampil seperti berikut ini. 
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Laki-laki 


Perempuan 


Gambar 2.108 Tampilan aplikasi secara lengkap 


6. Ketika Anda klik tombol Daftar maka akan tampil kotak kon- 
firmasi seperti berikut. 


Saya setuju dengan isian form di atas 


oa Terimakasih, Anda telah mendaftar 


Keluar 


Gambar 2.109 Kotak konfirmasi menggunakan Toast 


2.6 Dialog pada Android 


Selain menggunakan Toast seperti contoh di atas, untuk berinteraksi 
dengan pengguna, Anda dapat menggunakan alert Dialog. Contoh 
penggunaannya seperti berikut ini. 


1. Buat proyek baru dengan langkah-langkah seperti cara di atas. 


2. Masukkan nama proyek yang akan dibuat. 
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Fr 
New Android Project 


Create Android Project 
Select project name and type of project 


Project Name: Dulog 
& Create new project in workipace 
Create project from existing source 
Create project from eristing sample 
TI Use default location 
F/Android/Dislog 
Working sets 


Add project to working sets 


Gambar 2.110 Memasukkan nama proyek 


3. Klik tombol Next dan pada jendela Application Info, masukkan 


nama aplikasi beserta nama package dan activity yang akan 
digunakan. 


D New Android Project 


Application Info 
Genfigure the new Android Prayect 


Apphcaben Name Dulog 


Package Name: comdumeny-Dialog 
HI Create Activity: DialogActivity 


Minimum 30K: 1 - 


Create a Test Project 


Gambar 2.111 Jendela Application Info 


4. Masukkan kode program pada file main.xml, seperti berikut ini. 


«?xml version-"1.0" encoding-"utf-8"?» 

«LinearLayout 

xmlns: android-"http://schemas.android.com/apk/res/android" 
android: layout width-"fill parent" 
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android:layout height-"fill parent" 
android:orientation-"vertical" » 


«TextvView 
android: layout width-"fill parent" 
android: layout height-"wrap content" 
android:text-"@string/hello" /» 
«Button 
android: layout height-"wrap content" 
android: layout width-"fill parent" 
android:text-"Demo Dialog" 
android: id-"@tid/yesno"/» 


«/LinearLayout» 


5. Kemudian buka file Java dan masukkan kode program berikut. 


package com.dumny.Dialog: 


import android.app.Activity,: 

import android.os.Bundle: 

import android.view.View.OnClickListener: 
import android.view.View: 

import android.widget.Button: 

import android.widget.Toast: 

import android.app.AlertDialog: 

import android.content.DialogInterface: 


public class DialogActivity extends Activity implements 
OnClickListener ( 
/“x Called when the activity is first created. “/ 
@Override 
public void onCreate (Bundle savedInstanceState) ( 
super.onCreate (savedInstanceState): 
setContentView(R.layout.main) : 


Button yesno - (Button) findviewById (R.id.yesno): 
yesno.setOnClickListener (this): 


, 


public void onClick (View view) ( 
if (view -- findViewById (R.id.yesno)) ( 
AlertDialog.Builder dialogue - new 
AlertDialog.Builder (this): 
dialogue.setMessage ("Ini adalah dialog..."): 
dialogue.setPositiveButton ("Yes", new 
DialogInterface.OnClickListener () ( 


@Override 
public void 
onClick (DialogInterface arg0O, int argl) ( 
// TODO Auto-generated 
method stub 


Toast.makeText (getApplicationContext (), "tombol Yes telah 
di klik", Toast.LENGTH SHORT) .show(): 
5 


IS Hi 
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dialogue.setNegativeButton ("No", new 
DialogInterface.OnClickListener () ( 


@Override 
public void 
onClick (DialogInterface arg0, int argl) ( 
// TODO Auto-generated 
method stub 


Toast.makeText (getApplicationContext (), "tombol No di 
klik", Toast.LENGTH SHORT) .show(): 
5 


Hj: 


dialogue.show (): 


, 


6. Jalankan aplikasi sehingga akan tampil seperti gambar berikut. 


Penggunaan Dialog Androic 


Demo Dialog 


Gambar 2.112 Tampilan penggunaan Dialog 


7. Klik tombol Demo Dialog sehingga akan tampil pilihan tombol 
Yes dan No, seperti berikut. 


Ini adalah dialog... 


Gambar 2.113 Aksi ketika menekan tombol Demo Dialog 


8. Klik salah satu Opsi maka akan ditampilkan pesan lagi yang 
menggunakan Toast. 
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Demo Dialog 


tombol Yes telah di klik 


Gambar 2.114 Aksi setelah menekan tombol Yes 


BR DS DK 
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